iT邦幫忙

2021 iThome 鐵人賽

DAY 8
0
Modern Web

JavaScript 筆記 2 版系列 第 8

JavaScript Day08 - 物件

  • 分享至 

  • xImage
  •  

物件(object)

  • 參考此篇:Day12 - 物件
  • 建立空的物件,有2種方法
    • 使用 new Object()
    • 使用 {}
  • 內容以屬性(key):值(value),每組以 , 隔開
  • 值可以是數值、字串、陣列、函式與物件
  • 讀取屬性的值可以使用 2 種
    • 使用 .屬性,但如果屬性是數字不適用
    • 使用 ["屬性"],不加 "" 會被當成變數,但如果屬性是數字不用 ""

物件種類與讀取例子

let obj = {
    a : 1,
    b : "string",
    c : [2, 3],
    d : function(){
        console.log("d");
    },
    e :{
        e1 : "1",
        e2 : "2"
    }
};

console.log(obj["c"]); // [2, 3]
console.log(obj.d()); // "d"
console.log(obj.e.e1); // "1"

物件變更

  • 增加:與讀取的方式相同,直接加入新的屬性與值
  • 修改:與讀取的方式相同,對於要變更的屬性賦予(=)新的值
  • 刪除:使用 delete,刪除想要變更的屬性

物件變更例子

let obj1 = new Object();
let obj2 ={};

obj1.a = "1";
obj1["b"] = 30;

console.log(obj1); // {a: '1', b: 30}

obj1.a = "a";
delete obj1.b;

console.log(obj1);  // {a: 'a'}

參考資料

JavaScript 物件基礎概念

次回

預計再說明一下物件與陣列


上一篇
JavaScript Day07 - 陣列
下一篇
JavaScript Day09 - 物件、陣列與 JSON
系列文
JavaScript 筆記 2 版31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言